<template>
  <div class="block">
    <el-carousel trigger="click" height="200px">
      <el-carousel-item v-for="item in carousel" :key="item.src">
        <img style="width: 100%;height: 100%" :src="item.src" alt="">
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
export default {
  name: "Carousel",
  data(){
    return{
      carousel:[
        {src:require('../../assets/img/car1.jpg')},
        {src:require('../../assets/img/car2.jpg')},
        {src:require('../../assets/img/car3.jpg')}
      ]
    }
  }
}
</script>

<style scoped>

</style>
